@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');


@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");


* { 
margin: 0; 
padding: 0; 
box-sizing: border-box; 
font-family: "Outfit", sans-serif;
} 

body{
max-width: 100%; 
font-optical-sizing: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #696969;
background-color:#F5FFF5;

}

.header-design{
  background-color: #fff;
  position: fixed;
  width: 100%;
  z-index: 1200;
}

.logo{
height: 50px;
}

nav .navbar-nav li a{
color: #696969 !important;
}

nav .navbar-nav li a:hover{
color: #466100 !important;
}

.card{
  border : solid 1px #f0f0f0;
  border-radius: 10px;
}

.form-control{
  border: solid 1px #f0f0f0;
  padding: 10px;
  border-radius: 10px;
}

.btn{
  border-radius: 10px;
}

.btn-1{
  background-color: #466100;
  color: #fff;
  padding: 10px;
  border-radius: 10px;
}

.btn-1:hover{
  color: #f0f0f0;
}


.btn-2{
  background-color: #466100;
  color: #fff;
  border-radius: 10px;
}

.btn-2:hover{
  color: #f0f0f0;
}



.color-1{
  color: #466100;
}

.alert{
  border-radius: 10px;
}